<template>
    <view class="bg-content">
        <div style="background-color: white;" v-if="tbFaq">
            <u-card :title="tbFaq.title" :full="true" :border="false" border-radius="0">
                <view class="" slot="body">
                    <div style="display: inline-block; width: 100%;">
                        <div v-for="(item, index) in tbFaq.sysFileList" :key="item.id">
                            <u-image :src="item.content" alt="图片加载失败"
                                     v-if="item.type === 'image/jpeg' && item.typeMark === 'content'" mode="widthFix"
                                     style="pointer-events: none; width:100%;"/>
                            <div class="textCotent" v-if="item.type === 'html' && item.typeMark === 'content'" v-html="item.content"></div>
                        </div>
                    </div>
                </view>
            </u-card>
        </div>
    </view>
</template>

<script>

    import {TbFaqService} from "@/dev/services/tb-faq.service";

    export default {
        data() {
            return {
                tbFaq: null
            }
        },
        onReady() {
            const _self = this;
            new TbFaqService().findTbFaqDetailById({id: this.objParams.id}).then(result => {
                _self.tbFaq = result;
            });
        },
        methods: {}
    }
</script>

<style lang="scss" scoped>
</style>
